<div class="container-fluid">
    <!--工具栏-->
    <div class="row ikg-row">
        <div class="col-sm-12 ikg-col">
            <div id="toolbar" class="btn-group">
                <button type="button" class="btn btn-success btn-md" data-bind="click:fnImport">
                    <i class="fa fa-file-excel-o fa-lg" aria-hidden="true"></i><span
                        class="hidden-xs hidden-sm"> 导入</span>
                </button>
                <button type="button" class="btn btn-success btn-md" data-bind="click:fnRemove">
                    <i class="fa fa-trash fa-lg" aria-hidden="true"></i>
                    <span class="hidden-sm hidden-xs"> 删除</span>
                </button>
                <!--<button type="button" class="btn btn-success btn-md" data-bind="click:fnEdit">
                    <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
                    <span class="hidden-sm hidden-xs"> 编辑</span>
                </button>-->
                <button type="button" class="btn btn-success btn-md" data-bind="click:fnView">
                    <i class="fa fa-file-text fa-lg" aria-hidden="true"></i>
                    <span class="hidden-xs hidden-sm"> 查看</span>
                </button>
            </div>
        </div>
    </div>
    <!--列表-->
    <div class="row ikg-row">
        <div class="col-sm-12 ikg-col table-responsive">
            <table data-bind="tableView:tableViewModel" class="table text-nowrap"></table>
        </div>
    </div>
</div>
<!--导入Modal-->
<div id="importDialog" class="modal hide" tabindex="-1" role="dialog"
     data-bind="template:{name:'importModalTemplate',data:importViewModel},ikgModal:{ backdrop: 'static', keyboard: false, show: importModalVisible}"></div>
<script type="text/html" id="importModalTemplate">
    <div class="modal-dialog" style="width: 640px;height: 360px;" role="document">
        <div class="modal-content">
            <div class="modal-header ikg-modal-header">
                <button type="button" class="close ikg-close" data-bind="click: close">&times;</button>
                <span class="modal-title ikg-modal-title" data-bind="text:title"></span>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" id="detailForm" autocomplete="off">
                    <div class="form-group">
                        <label class="col-sm-2 control-label">文件选择</label>
                        <div class="col-sm-10">
                            <input id="uploadFile" type="file" name="files" data-bind="fileinput:parseFileModel"/>
                        </div>
                        <div class="hidden">
                            <input id="file_id" name="file_id" type="text" data-bind="text:code"/>
                        </div>
                    </div>
                </form>
                <div class="panel panel-success">
                    <div class="panel-heading">处理日志</div>
                    <div class="panel-body">
                        <textarea class="form-control ikg-textarea-12" rows="8"
                                  data-bind="text:processMsg,enable:false"></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary ikg-btn-12" data-bind="click:upload,enable:isEnabled">
                    <i class="fa fa-save fa-lg"></i> 上传
                </button>
                <button type="button" class="btn btn-default ikg-btn-12" data-bind="click:close">
                    <i class="fa fa-close"></i> 关闭
                </button>
            </div>
        </div>
    </div>
</script>
<div id="viewDlg" class="modal hide" tabindex="-1" role="dialog"
     data-bind="template:{name:'importedViewTemplate',data:viewImportedModel},ikgModal:{ backdrop: 'static', keyboard: false, show: viewedImportVisible}"></div>
<script type="text/html" id="importedViewTemplate">
    <div class="modal-dialog" style="width: 960px;" role="document">
        <div class="modal-content">
            <div class="modal-header ikg-modal-header">
                <button type="button" class="close ikg-close" data-bind="click: close">&times;</button>
                <span class="modal-title ikg-modal-title" data-bind="text:title"></span>
            </div>
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="row ikg-row">
                        <div class="col-sm-3 ikg-col">
                            <table id="dateTable" data-bind="tableView:dateTable" class="table text-nowrap"></table>
                        </div>
                        <div class="col-sm-9 ikg-col">
                            <ul id="myTab" class="nav nav-tabs">
                                <li class="active"><a href="#tran" data-toggle="tab">配电变压器</a></li>
                                <li><a href="#seg" data-toggle="tab">线路分段信息</a></li>
                                <li><a href="#consLine" data-toggle="tab">进户线信息</a></li>
                                <li><a href="#cons" data-toggle="tab">用户及电量信息</a></li>
                            </ul>
                            <div id="myTabContent" class="tab-content">
                                <div class="tab-pane fade in active" id="tran">
                                    <div class="container-fluid">
                                        <div class="row ikg-row">
                                            <div class="col-sm-12 ikg-col">
                                                <div id="tranToolbar" class="btn-group">
                                                    <button type="button" class="btn btn-success btn-md">
                                                        <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
                                                        <span class="hidden-sm hidden-xs"> 编辑</span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row ikg-row">
                                            <table data-bind="tableView:tranTable" class="table text-nowrap"></table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="seg">
                                    <div class="container-fluid">
                                        <div class="row ikg-row">
                                            <div class="col-sm-12 ikg-col">
                                                <div id="segToolbar" class="btn-group">
                                                    <button type="button" class="btn btn-success btn-md">
                                                        <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
                                                        <span class="hidden-sm hidden-xs"> 编辑</span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row ikg-row">
                                            <table data-bind="tableView:segTable" class="table text-nowrap"></table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="consLine">
                                    <div class="container-fluid">
                                        <div class="row ikg-row">
                                            <div class="col-sm-12 ikg-col">
                                                <div id="consLineToolbar" class="btn-group">
                                                    <button type="button" class="btn btn-success btn-md">
                                                        <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
                                                        <span class="hidden-sm hidden-xs"> 编辑</span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row ikg-row">
                                            <table data-bind="tableView:consLineTable"
                                                   class="table text-nowrap"></table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="cons">
                                    <div class="container-fluid">
                                        <div class="row ikg-row">
                                            <div class="col-sm-12 ikg-col">
                                                <div id="consToolbar" class="btn-group">
                                                    <button type="button" class="btn btn-success btn-md">
                                                        <i class="fa fa-pencil-square-o fa-lg" aria-hidden="true"></i>
                                                        <span class="hidden-sm hidden-xs"> 编辑</span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row ikg-row">
                                            <table data-bind="tableView:consTable" class="table text-nowrap"></table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default ikg-btn-12" data-bind="click:close">
                    <i class="fa fa-close"></i> 关闭
                </button>
            </div>
        </div>
    </div>
</script>